import { useState } from 'react'
import './App.css'
import Filter from './Filter'
import Pager from './Pager'

function App() {
  const [count, setCount] = useState(0)

  return (
    <div className='App'>

      <div className='fatherContainer'>
        父组件本身: {count}
        <button onClick={() => setCount(count + 1)}>加counter</button>
      </div>
      <br/>
      <br/>
      <div className="filterContainer">
        筛选组件: <Filter/>
      </div>
      <br/>
      <br/>
      <div className="pagerContainer">
        筛选组件: <Pager/>
      </div>

    </div>
  )
}

export default App
